<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性选择器</title>
    <style>
        p{
            color:orange;
        }
        p[title=abc]{
            color:red;
        }
        p[title^=abc]{
            color: aqua;
        }
        p[title$=abc]{
            color: black;
        }
        p[title*=abc]{
            color:violet;
        }
    </style>
</head>
<body>
    <p title="abc">少小离家老大回</p>
    <p title="helloabc">儿童相见不相识</p>
    <p  title="abcd">笑问客从何处来</p>
    <p>秋水共长天一色</p>
    <p>落霞与孤鹜齐飞</p>
</body>
</html>